<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js Appsss"/>
    <sex :sex.sync="sexss"/>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

import sex from '@/components/SexSelector.vue'

export default {
  name: 'Home',
  components: {
    HelloWorld,
    sex
  },
  data(){
    return {
      sexss: ''
    }
  },
    watch:{
         sexss : function(val,val2){   
             alert(val + ':' +val2) 
        }
    }
}
</script>
